import React,{useEffect,useState} from 'react'
import { Sticky, Button } from 'tdesign-mobile-react';
import { Search, Navbar } from 'tdesign-mobile-react';
import { EllipsisIcon } from 'tdesign-icons-react';
import { IconFont } from 'tdesign-icons-react';
import '../Seach/seach.css'
function seach() {
    const [value, setValue] = useState('')
   
    return (
        <div>
            <Sticky container="#container" className="sticky_box">
                <div className="search-example">
                    <Navbar

                        fixed={false}
                        left={<Search shape="round"  placeholder="输入关键字搜索"></Search>}
                        right={
                            <div className='icon_box'>
                                <EllipsisIcon className='sss' size={23} />
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img className='ssss' src="https://cdn7.axureshop.com/demo2024/2188150/images/%E9%A6%96%E9%A1%B5_2/u1844.png" alt="" />
                                <IconFont className='ss' name="setting" size={20} />


                            </div>
                        }
                    ></Navbar>
                </div>
            </Sticky>
        </div>
    )
}

export default seach
